.file-name {
  &-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    .file-name-filename {
      text-align: left;
      line-height: 20px;
      font-size: 14px;
      color: $gray-08;
      display: flex;
      align-items: center;
      &-arrow {
        margin-right: 4px;
      }
      &-type {
        margin-right: 8px;
      }
      &-line-diff,
      &-name {
        margin-right: 8px;
      }
      .primary-success {
        color: $primary-success;
      }
      .primary-warning {
        color: $primary-warning;
      }
      .primary-danger {
        color: $primary-danger;
      }
      .file-name-filename-line-diff {
        color: $gray-06;
        display: flex;
        align-items: center;
        span {
          margin-right: 8px;
        }
      }
    }
    .rename-from {
      text-align: left;
      line-height: 20px;
      font-size: 12px;
      color: $gray-06;
    }
  }
}
